<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>学员列表</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-mhqy.css">

</head>
<body class="childrenBody">

<div class="stu_list_title">
    学员列表

    <div class="r_body">
        <span>数据最新统计时间：2019-01-30 14:20</span>
        <button class="btn btn-info btn-sm">刷新</button>
    </div>
</div>

<!--搜索内容-->
<div class="bg_color" style="padding: 20px;">
    <div class="row">
        <form class="form_new">
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body">
                    <div class="input_l_3">姓名：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">手机号码：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">归属企业/工会名称：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">专业层次：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">入学学期：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">学籍状态：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">毕业状态：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">课程通过率：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="input_body l_150">
                    <div class="input_l_3">考试平均分：</div>
                    <div class="input_r_3">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-12 text-right">
                <button class="btn btn-info">搜索</button>
                <button class="btn btn-info">重置</button>
                <button class="btn btn-info">导出</button>
            </div>
        </form>


    </div>
</div>

<div class="btn_list">
    <button class="btn btn_c active">全部（220）</button>
    <button class="btn btn_c">在籍（220）</button>
    <button class="btn btn_c">待注册（220）</button>
    <button class="btn btn_c">注册中（220）</button>
    <button class="btn btn_c">休学（220）</button>
    <button class="btn btn_c">退学（220）</button>
    <button class="btn btn_c">毕业（220）</button>
    <button class="btn btn_c">转学（220）</button>
</div>

<!--表格-->
<div class="bg_color" style="border: 1px solid #e5e5e5" >
    <div class="table_top_text">
        学员列表
        <button class="fr btn btn-sm "> 导出</button>
    </div>
    <div class="row">
        <div class="col-sm-12" >
            <div style="padding: 20px 5px">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th><input type="checkbox"></th>
                        <th>学员基本情况</th>
                        <th>报读专业信息</th>
                        <th>学员状态</th>
                        <th>学习情况</th>
                        <th>其他</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>
                            <p>邓瑞华</p>
                            <p>13515151515</p>
                            <p>362251****5412445521</p>
                            <p>北京航空有限公司</p>
                        </td>
                        <td>
                            <p>2019工商管理专业（生产运营方面）</p>
                            <p>专业层次：专科 </p>
                            <p>报读院校：北京航空（广州）实验学院</p>
                        </td>
                        <td>
                            <p>目前学期：第二学期</p>
                            <p>入学学期：2018秋</p>
                            <p>学籍状态：在籍</p>
                            <p>毕业状态：未满足毕业要求</p>
                        </td>
                        <td>
                            <p>已通过/应学课程 6/12</p>
                            <p>课程通过率：100%</p>
                            <p>考试平均分：83分</p>
                            <p>已获学分/总学分：28/78</p>
                        </td>
                        <td>
                            <p>学分兑换：12学分</p>
                            <p>补贴情况：1000元补贴申请提交</p>
                            <p>奖学金情况：已领取本学期奖学金</p>
                        </td>
                        <td>
                            <button class="btn btn-primary btn-sm">学籍情况</button>
                            <button class="btn btn-warning btn-sm">成绩详情</button>
                            <button class="btn btn-danger btn-sm">学分兑换情况</button>
                            <button class="btn btn-success btn-sm">补贴申请情况</button>
                            <button class="btn btn-info btn-sm">奖学金申请情况</button>
                        </td>
                    </tr>

                    </tbody>
                </table>
                <div class="alert alert-warning text-center">
                    <strong>提示!</strong> 还没有数据。
                </div>
            </div>

        </div>
    </div>
    <div class="row" style="text-align: center">

        <ul class="pager">
            <li class="previous"><a href="#">« 上一页</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
            <li><a href="#">12</a></li>
            <li class="next"><a href="#">下一页 »</a></li>
            <div class="input-group" style="width: 100px;float: left;margin-left: 10px">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button">GO</button>
                </span>
            </div>
            <li><div class="pager-label">共 <strong>89</strong> 页</div></li>
        </ul>


    </div>
</div>



<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>

    $(function () {
        $('.btn_list').on('click', 'button', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })

        $('.nav_tab_lsit_sm').on('click','a',function () {
            $(this).addClass('active').siblings().removeClass('active') ;
            $('.sc_item').hide().eq($(this).index()).show() ;
        })


    })



</script>
</body>
</html>